<template>
	<div class="basicGudong">
		<!-- 股东信息照片 -->
		<div class="basicGudong_img">
			<img src="../../../public/images/enterprise/gdxx@2x.png" alt="">
		</div>
		<div class="basicGudong_form">
			<!-- 表格对应的4个圆点 -->
			<div class="lineRadius l1"></div>
			<div class="lineRadius l2"></div>
			<div class="lineRadius r1"></div>
			<div class="lineRadius r2"></div>
			<!-- 股东信息表格 -->
			<table class="ntable">
			    	<tr>
			    		<th class="tx">序号</th> 
			    		<th width="45%" colspan="2">股东</th>
			     		<th colspan="">实缴出资额 </th>
			     		<th colspan="">持股比例</th>
			     		<th colspan="">认缴出资额 </th>
			     		<th colspan="">认缴出资日期 </th>
			     	</tr> 
			     	<tr v-for="(item,index) in baseData" :key="index">
			     		<td rowspan="1" >{{index+1}}</td> 
			     		<td colspan="2" class="left">{{item.hyc_gdmc}}</td>
			     		<td colspan="" class="">{{item.hyc_sjczeewyy}}</td>
			     		<td colspan="" class="">{{item.hyc_cgbl}}</td>
			     		<td colspan="" class="">{{item.hyc_rjczeewyy}}</td>
			     		<td colspan="" class="">{{item.hyc_rjczrq}}</td>
			     	</tr>
			     </table>
		</div>
	</div>
</template>

<script>
  import  {SM4}  from 'gm-crypto'
	export default{
		data() {
			return{
				sbcompany:'',
				baseData:[]
			}
		},
		mounted() {
			this.getBasedata()
		},
		methods:{
			// 获取股东信息数据
			async getBasedata(){
				this.bCompany=this.$route.query.cid
				var dt = {
					"randomNum": '0123456789abcdeffedcba9876543210',
    			"id": this.bCompany
				};
				const aaa = await this.$api.post('/api/v1/cockpit/cockpitInterface?methodname=getCompanyById', dt)
				const bbb = SM4.decrypt(aaa.data, '0123456789abcdeffedcba9876543210', {
					inputEncoding: 'base64',
					outputEncoding: 'utf8'
				})
				this.baseData = JSON.parse(bbb).gdxx
			},
		}
	}
</script>

<style lang="stylus" rel='stylesheet/stylus' scoped>
	@import "~@/assets/basicGudong.styl"
</style>
